@import '../compact.theme.less';
@portal-header: 80px;

#portalLayout {
  position: relative;
  width: 100vw;
  min-height: 100vh;

  &.cleanBg {
    background-image: none;
  }

  .header {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    background: url(../assets/img/bg_portal_header.svg) center center;
    height: @portal-header;
  }
}

.portal-content {
  // height: calc(100vh - @portal-header);
  position: absolute;
  z-index: 2;
  height: 100vh;
  width: 100%;
  padding-top: @portal-header;
  pointer-events: none;
}

.gis-container {
  position: absolute;
  width: 100vw;
  height: calc(100vh);
  top: 0;
  left: 0;
  z-index: 1;
}

.portal-card-toggle-btn {
  position: fixed;
  z-index: 9;
  top: 300px;
  left: -8px;
}

.card-mark-draw {
  .ant-drawer-body {
    padding: 0;
  }

  .card-mark-draw-body-header {
    // drawer
    padding: @drawer-body-padding ;
  }

  .card-mark-draw-body-content {
    padding: @drawer-body-padding;
    padding-top: 0;
    height: calc(100vh - 160px);
    position: relative;
    overflow-y: auto;
  }
}